﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>修改密码</title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <link href="../../Scripts/PageCreater/Css/Style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var regpwdformat = /^[a-zA-Z0-9_]+$/; //验证密码
        $(document).ready(function() {
        $("#oldpwd").change(function () {
            var pwd = $("#oldpwd").val().trim(); //获取密码并去掉空格
            if (pwd.length >=6) {//判断密码的长度
                if (regpwdformat.test(pwd)) {
                    var url = "@Url.Action("CheckOldPassword", "Account")?r=" + Math.random();//路径
                    $.get(url, { "oldpwd": pwd }, function(result) {
                        if (result.toString() != "") {
                            $("#txtoldpwd").css("color", "green").text("原始密码正确!");
                        } else {
                          $("#txtoldpwd").css("color", "red").text("原始密码不对!");  
                        }
                    });
                } else {
                    $("#txtoldpwd").css("color", "red").text("密码方式不对!");
                }
            } else {
                $("#txtoldpwd").css("color", "red").text("原始密码过短!");
            }
        });
        
        $("#comparepwd").change(function() {
            var newpwd = $("#newpwd").val().trim();//获取密码并去掉空格
            var comparepwd = $("#comparepwd").val().trim();//获取密码并去掉空格
            if (comparepwd.length >=6) {//判断密码的长度
                if (regpwdformat.test(comparepwd)) {
                    if (newpwd == comparepwd) {
                        $("#txtcompare").css("color", "green").text("密码一致!");

                    } else {
                    $("#txtcompare").css("color", "red").text("密码不一致!");
                    }
                } else {
                    $("#txtcompare").css("color", "red").text("密码方式不对!");
                }
            } else {
                $("#txtcompare").css("color", "red").text("密码过短!");
            }
        });
            $("#updatepwd").click(function() {
            var newpwd = $("#newpwd").val().trim();//获取密码并去掉空格
            var comparepwd = $("#comparepwd").val().trim();//获取密码并去掉空格
                var pwd = $("#oldpwd").val().trim(); //获取密码并去掉空格
                if (comparepwd.length >=6 &&pwd.length>=6&& regpwdformat.test(comparepwd) && newpwd == comparepwd) {//判断是否通过
                    return true;
                } else {
                    $("#txtcompare").css("color", "red").text("请仔细检查密码！");
                    return false;
                }
            });
        });
        
    </script>
</head>
<body>
<br />
    @using (Html.BeginForm("ChangePassword", "Account"))
    {
        @Html.ValidationSummary(true)
        <table style=" font-size:medium; font-weight:100;">
            <tr>
                <th>
                    原始密码：
                </th>
                <td>
                    <input type="password" id="oldpwd" name="oldpwd" maxlength="16" />
                </td>
                <td>
                    <span id="txtoldpwd"></span>
                </td>
            </tr>
            <tr>
                <th>
                    新 密 码：
                </th>
                <td>
                    <input type="password" id="newpwd" name="newpwd" maxlength="16" />
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <th>
                    确认密码：
                </th>
                <td>
                    <input type="password" id="comparepwd" name="comparepwd" maxlength="16" />
                </td>
                <td>
                    <span id="txtcompare">@ViewBag.tips</span>
                </td>
            </tr>
        </table>
        <br />
        <div>
            <input id="updatepwd" class="btn3" value="保存" type="submit" /></div>
    }
</body>
</html>
